import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import parentA from "../components/parentA";
import parentB from "../components/parentB";
import parentC from "../components/parentC";
import parentD from "../components/parentD";

Vue.use(Router)

export default new Router({
  linkActiveClass: 'active',
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/index',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/parentA',
      name: 'parentA',
      component: parentA
    },
    {
      path: '/parentB',
      name: 'parentB',
      component: parentB
    },
    {
      path: '/parentC',
      name: 'parentC',
      component: parentC
    },
    {
      path: '/parentD',
      name: 'parentD',
      component: parentD
    },
  ]
})
